<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<!-- 适配移动端 -->
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no, shrink-to-fit=no, minimal-ui">
		<title>Heahn</title>
		<!-- 引入fontawesome5css -->
		<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
		<!-- 引入自己的css -->
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/css/index.css" />
	</head>

	<body class="body-color">
		<!-- 页头 -->
		<div id="diet-header">
			<div class="title">
				<a href="javascript:history.back(-1);">
					<i class="fas fa-arrow-left"></i>
				</a>
				<h5>饮食</h5>
				<a href="javascript:;">
					<i class="fas fa-ellipsis-h"></i>
				</a>
			</div>
			
			<div class="nav">
				<a class="diet-header-nav-active" href="javascript:;">跟踪</a>
				<a href="javascript:;">趋势</a>
			</div>
		</div>
		
		<!-- 主题 -->
		<div id="diet-main">
			<!-- 日期 -->
			<div class="date">
				<i class="fas fa-chevron-left"></i>
				<p>1月21日&nbsp;周一</p>
				<div></div>
			</div>
			
			<!-- 卡路里 -->
			<div class="calories">
				<h3>288<span>&nbsp;&nbsp;大卡&nbsp;/&nbsp;2150&nbsp;每日卡路里</span></h3>
				<div>
					<div>288</div>
				</div>
				<p>2150</p>
			</div>
			
			<!-- 饭点 -->
			<div class="mealorder">
				<div class="title">
					<p>碳水化合物&nbsp;&nbsp;<b>0克</b>&nbsp;&nbsp;&nbsp;脂肪&nbsp;&nbsp;<b>19.5克</b>&nbsp;&nbsp;&nbsp;蛋白质&nbsp;&nbsp;<b>26.3克</b></p>
				</div>
				<div class="tr">
					<div class="td">
						<a href="{:U('Index/food',array('meals_id'=>1))}">
							<i class="fas fa-cookie-bite"></i>
							<p>早餐</p>
						</a>
					</div>
					<div class="td">
						<a href="{:U('Index/food',array('meals_id'=>2))}">
							<i class="fas fa-cookie"></i>
							<p>午餐</p>
						</a>
					</div>
					<div class="td">
						<a href="{:U('Index/food',array('meals_id'=>3))}">
							<i class="fas fa-fish"></i>
							<p>晚餐</p>
						</a>
					</div>
				</div>
				<div class="tr">
					<div class="td">
						<a href="{:U('Index/food',array('meals_id'=>4))}">
							<i class="fas fa-apple-alt"></i>
							<p>早点</p>
						</a>
					</div>
					<div class="td">
						<a href="{:U('Index/food',array('meals_id'=>5))}">
							<i class="fas fa-coffee"></i>
							<p>下午茶</p>
						</a>
					</div>
					<div class="td">
						<a href="{:U('Index/food',array('meals_id'=>6))}">
							<i class="fas fa-lemon"></i>
							<p>宵夜</p>
						</a>
					</div>
				</div>
			</div>
		</div>
		
		<!-- 页脚固定 -->
		<div class="footer-fixed"></div>
		<!-- 页脚 -->
		<div id="footer">
			<div class="footer-active">
				<i class="fas fa-user"></i>
				<p>
					<a href="Index/index">主页</a>
				</p>
			</div>
			<div>
				<i class="fas fa-users"></i>
				<p>
					<a href="javascript:;">圈子</a>
				</p>
			</div>
			<div>
				<i class="fas fa-bars"></i>
				<p>
					<a href="javascript:;">更多</a>
				</p>
			</div>
		</div>
	</body>

</html>